import React from 'react';

interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
  htmlFor?: string;
  className?: string;
  children: React.ReactNode;
}

export function Label({ htmlFor, className = '', children, ...props }: LabelProps) {
  return (
    <label htmlFor={htmlFor} className={`block font-medium text-gray-700 dark:text-gray-200 ${className}`} {...props}>
      {children}
    </label>
  );
} 